<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
<title>信息管理系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/style/basic_layout.css" rel="stylesheet" type="text/css">
<link href="/style/common_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/plugins/jquery.form.min.js"></script>
<script type="text/javascript"
	src="/artDialog/jquery.artDialog.js?skin=blue"></script>
<script type="text/javascript"
	src="/js/jquery/plugins/jquery.form.min.js"></script>
	<script type="text/javascript" src="/artDialog/jquery.artDialog.js?skin=blue"></script>
<script type="text/javascript" src="/artDialog/plugins/iframeTools.source.js"></script>
<script type="text/javascript" src="/js/commonAll.js"></script>
<script type="text/javascript" src="/js/jquery/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">

		$(function(){  
		    url = "/product/selectProduct";   
		    	$(".searchproduct").click(function(){
		    		var currentTr = $(this).closest("tr");
		    		$.dialog.open(url, {  
					       id: 'productList',  
					       title: '选择商品',  
					       width: 950,  
					       height: 500,  
					       left: '50%',  
					       top: '50%',  
					       background: '#000000',  
					       opacity: 0.1,  
					       lock: true,  
					       resize: false,  
					       close: function () {   
					           var productInfo = $.dialog.data('productInfo'); // 读取子窗口返回的数据  
					           if (productInfo){  
					                //赋值到页面A的input以显示出来 
					        	  currentTr.find("[tag='pId']").val(productInfo.id);
					        	  currentTr.find("[tag='name']").val(productInfo.name);
					        	  currentTr.find("[tag='brand']").text(productInfo.brandName);
					        	  currentTr.find("[tag='costPrice']").val(productInfo.costPrice);
					        	  $.dialog.removeData("productInfo");
					           }   
					       }  
					   },  
					   false);  
		    	});
		    	//添加明细
		    	$(".appendRow").click(function(){
		    		//克隆一份
		    		var currentTr = $("#edit_table_body tr:first-child").clone(true);
		    		//清除数据
		    		currentTr.find("input").val("");
		    		currentTr.find("span").empty();
		    		//追加到tbody
		    		$("#edit_table_body").append(currentTr);
		    	});
		    	//删除明细
		    	$(".removeItem").click(function(){
		    		  var currentTr = $(this).closest("tr");
		    		if($("#edit_table_body tr").size()==1){
		    			currentTr.find("input").val("");
			    		currentTr.find("span").empty();
		    		}else{
		    			currentTr.remove();
		    		}		    		
		    	});
		    	//小计  值改变事件
		    	$("[tag='costPrice'],[tag='number']").change(function(){
		    		var currentTr = $(this).closest("tr");
		    		var costPrice=(currentTr.find("[tag='costPrice']").val())||0;
		    		var number =(currentTr.find("[tag='number']").val())||0;
		    		currentTr.find("[tag='amount']").text((number*costPrice).toFixed(2));
		    	});
		    	
		    	$("#editForm").submit(function(){
		    		$("#edit_table_body tr").each(function(index,tr){
		    			$(tr).find("[tag='pId']").prop("name","items["+index+"].product.id");
		    			$(tr).find("[tag='costPrice']").prop("name","items["+index+"].costPrice");
		    			$(tr).find("[tag='number']").prop("name","items["+index+"].number");
		    			$(tr).find("[tag='remark']").prop("name","items["+index+"].remark");
		    		});
		    	});
		    	
		    	$("#editForm").ajaxForm(function(data) {
					if (data.flag) {
						myconfirm("保存成功", "succeed", function() {
							window.location.href = "/orderBill/list";
						}, false);
					} else {
						myconfirm("保存失败", "error", true, false);
					}
				});
		});
	
</script>
</head>
<body>
	<form name="editForm" action="/orderBill/saveOrUpdate" method="post" id="editForm">
	<input type="hidden" name="id" value="${orderBill.id}">
    <div id="container">
        <div id="nav_links">
            <span style="color: #1A5CC6;">采购订单编辑</span>
            <div id="page_close">
                <a>
                    <img src="/images/common/page_close.png" width="20" height="20" style="vertical-align: text-top;"/>
                </a>
            </div>
        </div>
        <div class="ui_content">
            <table cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
                <tr>
                    <td class="ui_text_rt" width="140">订单编码</td>
                    <td class="ui_text_lt">
                        <input name="sn" class="ui_input_txt02" value="${orderBill.sn}" />
                    </td>
                </tr>

                <tr>
                    <td class="ui_text_rt" width="140">供应商</td>
                    <td class="ui_text_lt">
                        <select name="supplier.id" class="ui_select01">
							<c:forEach items="${suppliers}" var="supplier">
								<option ${supplier.id==orderBill.supplier.id?'selected':''} value="${supplier.id}">${supplier.name}</option>
							</c:forEach>
						</select>
                    </td>
                </tr>
                <tr>
                    <td class="ui_text_rt" width="140">业务时间</td>
                    <td class="ui_text_lt">
                        <fmt:formatDate  value="${orderBill.vdate}" pattern="yyyy-MM-dd" var="vdate"/>
                        <input name="vdate" onclick="WdatePicker({maxDate:new Date()});" class="ui_input_txt02 Wdate" value="${vdate}"/>
                    </td>
                </tr>
                <tr>
                    <td class="ui_text_rt" width="140">单据明细</td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="button" value="添加明细" class="ui_input_btn01 appendRow"/>
                        <table class="edit_table" cellspacing="0" cellpadding="0" border="0" style="width: auto">
                            <thead>
                            <tr>
                                <th width="10"></th>
                                <th width="200">货品</th>
                                <th width="120">品牌</th>
                                <th width="80">价格</th>
                                <th width="80">数量</th>
                                <th width="80">金额小计</th>
                                <th width="150">备注</th>
                                <th width="60"></th>
                            </tr>
                            </thead>
                            <tbody id="edit_table_body">
                            
                            <c:forEach items="${orderBill.items}" var="item">
                                <tr>
                                    <td></td>
                                    <td>
                                        <input disabled="true" readonly="true" class="ui_input_txt02"
                                        value="${item.product.name}" tag="name" />
                                        <img src="/images/common/search.png" class="searchproduct"/>
                                        <input type="hidden" value="${item.product.id}" tag="pId"/>
                                    </td>
                                    <td><span tag="brand">${item.product.brandName}</span></td>
                                    <td><input tag="costPrice" value="${item.costPrice}" class="ui_input_txt02"/></td>
                                    <td><input tag="number" value="${item.number}" class="ui_input_txt02"/></td>
                                    <td><span tag="amount">${item.amount}</span></td>
                                    <td><input tag="remark" value="${item.remark}" class="ui_input_txt02"/></td>
                                    <td>
                                        <a href="javascript:;" class="removeItem">删除明细</a>
                                    </td>
                                </tr>
                            </c:forEach>
                            <c:if test="${orderBill==null}">
						<tr>
						<td></td>
						<td>
							<input disabled="true" readonly="true" class="ui_input_txt02" tag="name" />
							<img src="/images/common/search.png" class="searchproduct" />
							<input type="hidden" tag="pId" />
						</td>
						<td>
							<span tag="brand"></span>
						</td>
						<td>
							<input tag="costPrice" class="ui_input_txt02" />
						</td>
						<td>
							<input tag="number" class="ui_input_txt02" />
						</td>
						<td>
							<span tag="amount"></span>
						</td>
						<td>
							<input tag="remark" class="ui_input_txt02" />
						</td>
						<td>
							<a href="javascript:;" class="removeItem">删除明细</a>
						</td>
					</tr>
					</c:if>
                            </tbody>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td>&nbsp;</td>
                    <td class="ui_text_lt">
                        &nbsp;<input type="submit" value="确定保存" class="ui_input_btn01"/>
                        &nbsp;<input id="cancelbutton" type="button" value="重置" class="ui_input_btn01"/>
                    </td>
                </tr>


            </table>
        </div>
    </div>
</form>
</body>
</html>